.hljs {
    display: block;
    overflow-x: auto;
    padding: 1em;
    border: 1px solid #d3d6db;
    background-color: #f9f9f9;
    color: black;
}

.darkmode .hljs {
    border: 1px solid #454545;
    background-color: #2e2e2e;
    color: #e3e3e3;
}

.hljs-comment {
    color: #008000
}

.hljs-built_in, .hljs-keyword, .hljs-name, .hljs-pscommand, .hljs-selector-tag, .hljs-tag {
    color: #0101FD
}

.hljs-literal {
    color: #07704a
}

.hljs-string .hljs-subst {
    color: hsla(0,0%,9%,1);
}

    .hljs-code, .hljs-deletion, .hljs-section, .hljs-string, .hljs-string .hljs-subst .hljs-string, .hljs-template-tag, .hljs-template-variable {
        color: #a31515
    }

.hljs-addition, .hljs-attribute, .hljs-meta, .hljs-parameter, .hljs-selector-attr, .hljs-selector-pseudo, .hljs-title, .hljs-type {
    color: #007d9a
}

.hljs-doctag {
    color: #737373
}

.hljs-attr {
    color: #0451a5
}

.hljs-control {
    color: #af00db
}

.hljs-helper {
    color: #795e26
}

.hljs-bullet, .hljs-link, .hljs-symbol {
    color: #00b0e8
}

.hljs-emphasis {
    font-style: italic
}

.hljs-strong {
    font-weight: 600
}

.hljs-constant, .hljs-reserved {
    color: #cd3131
}

.darkmode .line-highlight {
    background-color: darkgreen
}

.darkmode .hljs-comment {
    color: #57A64A
}

.darkmode .hljs-number {
    color: #b5cea8
}

.darkmode .hljs-built_in, .darkmode .hljs-keyword, .darkmode .hljs-literal, .darkmode .hljs-name, .darkmode .hljs-pscommand, .darkmode .hljs-selector-tag, .darkmode .hljs-tag {
    color: #569cd6
}

.darkmode .hljs-title {
    color: #4EC9B0
}

.darkmode .hljs-string .hljs-subst {
    color: hsla(0,0%,9%,1);
}

    .darkmode .hljs-attribute, .darkmode .hljs-code, .darkmode .hljs-deletion, .darkmode .hljs-section, .darkmode .hljs-string, .darkmode .hljs-string .hljs-subst .hljs-string, .darkmode .hljs-template-tag, .darkmode .hljs-template-variable, .darkmode .hljs-type {
        color: #ce9178
    }

.darkmode .hljs-addition, .darkmode .hljs-meta, .darkmode .hljs-selector-attr, .darkmode .hljs-selector-pseudo {
    color: #2b91af
}

.darkmode .hljs-doctag {
    color: #808080
}

.darkmode .hljs-attr {
    color: #9cdcfe
}

.darkmode .hljs-addition, .darkmode .hljs-attribute, .darkmode .hljs-meta, .darkmode .hljs-parameter, .darkmode .hljs-selector-attr, .darkmode .hljs-selector-pseudo, .darkmode .hljs-title, .darkmode .hljs-type {
    color: #01cfff
}

.darkmode .hljs-control {
    color: #c586c0
}

.darkmode .hljs-helper {
    color: #dcdcaa
}

.darkmode .hljs-bullet, .darkmode .hljs-link, .darkmode .hljs-symbol {
    color: #808080
}

.darkmode .hljs-constant, .darkmode .hljs-reserved {
    color: #f44747
}
